page-tabs {
    .ion-tab-icon-base {
        width: 32px;
        height: 32px;
        padding: 4px 4px 2px;
    }
    .ion-tab-icon-md-base {
        min-width: 0 !important;
        height: 32px;
    }
    $tabImageName: 'tab1' 'tab2' 'tab3' 'tab4';
    @for $i from 1 to 4 {
        //for ios  
        .ion-ios-tab-#{nth($tabImageName, $i)} {
            @extend .ion-tab-icon-base;
            content: url("../assets/images/tabs/#{nth($tabImageName, $i)}_choosed.png");
        }
        .ion-ios-tab-#{nth($tabImageName, $i)}-outline {
            @extend .ion-tab-icon-base;
            content: url("../assets/images/tabs/#{nth($tabImageName, $i)}.png");
        }
        // for android  
        .tabs-md .tab-button[aria-selected=true] {
            .ion-md-tab-#{nth($tabImageName, $i)} {
                @extend .ion-tab-icon-md-base;
                content: url("../assets/images/tabs/#{nth($tabImageName, $i)}_choosed.png");
            }
        }
        .tabs-md .tab-button[aria-selected=false] {
            .ion-md-tab-#{nth($tabImageName, $i)} {
                @extend .ion-tab-icon-md-base;
                content: url("../assets/images/tabs/#{nth($tabImageName, $i)}.png");
            }
        }
    }
}
